<template>
  <div class="app flex lcenter vcenter">
    <div class="interface shadow flex">
      <Menu v-if="$store.state.chatUserInfo.isLogin" />
      <router-view />
    </div>
  </div>
</template>

 
<script>
import Menu from './components/menu/index.vue'
export default {
  components:{ Menu },
  mounted() {
    let chatUserInfo = JSON.parse(localStorage.getItem('chatUserInfo'))
    if (null === chatUserInfo) return;
    if (chatUserInfo.isLogin) {
      this.$store.commit('setChatUserInfo', chatUserInfo)
    }
  },
}
</script>

<style>
.app{
  background-image: url(./assets/bg.jpg);
  background-size:100% 100%;  
}
.interface{
  width: 911px;
  height: 640px;
}
</style>
